﻿@charset "utf-8";
/* CSS Document */
*{margin: 0px; padding: 0px;}
img{border: none;}
a{text-decoration: none; font-family: "微软雅黑";}
ul,li{list-style:none;}
input{outline: none;font-family:"微软雅黑";box-sizing: border-box; border:none;}
i,em{font-style: normal;}
body{font-family:"微软雅黑"; box-sizing: border-box; overflow-x: hidden;}
.left{ display:inline; float:left;}
.right{ display:inline; float:right;}
.clear:after{ content:''; display:block; clear:both;}
.clear{ zoom:1;}
.box{ width:1200px; margin:0 auto;}
.s_wap{display: none;}

header{height: 114px; position: relative;}
header .logo{margin-top:27px; margin-left: 5px;}
header .tel{margin-top:41px;}
header .tel a { display: block; height: 40px; float: left; background: #dcdcdc;
	border-radius: 30px 30px 30px 30px;}
header .tel a img {cursor: pointer; border-radius: 50%;}
header .tel a em { display: block; text-indent: 20px; float: left; line-height: 40px; color: #999; width: 0px; overflow: hidden; white-space: nowrap; -webkit-transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, transform 0.4s; transition: all 0.4s, transform 0.4s, -webkit-transform 0.4s;}
header .tel:hover a em { width: 180px; cursor: text; -webkit-transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, transform 0.4s; transition: all 0.4s, transform 0.4s, -webkit-transform 0.4s;}
header .sousuo{width: 40px; height: 41px; background-color: #dcdcdc; margin-top:41px; border-radius: 50%;
	margin-right: 12px; cursor: pointer;}
header .sousuo img{border-radius: 50%;}
header .ipt{width: 300px; height: 40px; background-color: #fff; border:1px solid #999; position: absolute;
	right: 350px; bottom: -40px; z-index: 1; font-size: 14px; color: #666; border-radius: 2px;
	text-indent: 14px; display: none;}
.xianshi{display: block!important;}
header .nav{ height:114px; margin-left: 92px;}
header .nav li{float: left; height:114px; text-align: center; font-size: 18px; 
	padding: 0 16px; border-bottom:4px solid transparent; box-sizing: border-box;}
header .nav li>a{line-height: 114px; color:#666666;}
header .nav li .ul{display: none; width:100%; padding: 20px 0; background-color: rgba(0,0,0,.7); 
	position: absolute; left:0; top:114px; text-align: center; z-index: 2;}
header .nav li .ul a{font-size: 18px; color:#fff; padding:0 10px; transition: .3s;}
header .nav li .ul a:hover{color:#036fdf;}
.nav_pro{width: 680px; margin:0 auto; text-align: left;}
.nav_pro>a{font-size: 18px; color: #b4b4b4!important; line-height: 36px;}
.nav_pro>a:hover{color:#036fdf!important;}
.nav_pro .big{display: inline-block; width: 110px; color: #fff!important;}
.bor_color{border-bottom:4px solid #09518a!important;}
.font_color{color:#09518a!important; font-weight: 600;}
header .nav li:nth-child(4) .ul{padding-left: 94px;}
header .nav li:nth-child(5) .ul{padding-left: 200px;}
@media screen and (max-width: 1600px){
	header .ipt{right: 100px;}
}
@media screen and (max-width: 1280px){
	header .ipt{right: 30px;}
}




footer{height:550px; background-color: #333333;}
footer .foot_top{height: 358px; border-bottom: 1px solid #b5b5b5;}
footer .foot_top .footnav1{padding-top: 38px; padding-bottom: 20px;}
footer .foot_top .footnav1 li{float: left; width: 19.5%; box-sizing: border-box; text-align: center;
	font-size: 14px; color: #fff; border-right: 1px solid #fff;}
footer .foot_top .footnav1 li a{color: #fff; transition: .5s;}
footer .foot_top .footnav1 li a:hover{color: #0480fb;}
footer .foot_top .footnav1 li:nth-child(2){width: 22%;}
footer .foot_top .footnav1 li:last-child{border-right: none;}
footer .foot_top .footnav2{width: 100%;}
footer .foot_top .footnav2 .ul1{width: 19.5%;}
footer .foot_top .footnav2 .ul1 li{text-align: center; font-size: 14px; margin-bottom: 13px;}
footer .foot_top .footnav2 .ul1 li a{color: #fff; transition: .5s;}
footer .foot_top .footnav2 .ul2box{width: 22%;}
footer .foot_top .footnav2 .ul2box .ul2:first-child{margin-right: 30px;}
footer .foot_top .footnav2 .ul2box .ul2:nth-child(2){margin-right: 10px;}
footer .foot_top .footnav2 .ul2box .ul2:last-child{margin-right: 0;}
footer .foot_top .footnav2 .ul2box .ul2 li{font-size: 14px; margin-bottom: 13px;}
footer .foot_top .footnav2 .ul2box .ul2 li:first-child a{color: #fff;}
footer .foot_top .footnav2 .ul2box .ul2 li a{color: #999999; transition: .5s;}
footer .foot_top .footnav2 .ul3{width: 19.5%;}
footer .foot_top .footnav2 .ul3 li{text-align: center; font-size: 14px; margin-bottom: 13px;}
footer .foot_top .footnav2 .ul3 li a{color: #fff; transition: .5s;}
footer .foot_top .footnav2 .ul4{width: 19.5%;}
footer .foot_top .footnav2 .ul4 li{text-align: center; font-size: 14px; margin-bottom: 13px;}
footer .foot_top .footnav2 .ul4 li a{color: #fff; transition: .5s;}
.disanfang img{margin-left: 25px;}
footer .copyright{font-size: 14px; color: #999; text-align: center; line-height: 59px;}
footer .foot_top .footnav2 .ul1 li a:hover{color: #0480fb;}
footer .foot_top .footnav2 .ul2box .ul2 li a:hover{color: #0480fb;}
footer .foot_top .footnav2 .ul3 li a:hover{color: #0480fb;}
footer .foot_top .footnav2 .ul4 li a:hover{color: #0480fb;}


@media screen and (max-width: 800px){
	.s_pc{display: none;}
	.s_wap{display: block;}
	.banner{margin-top:50px;}
	.er_nav{display: none;}
	.box{width: auto; padding: 0 2.5%;}
	.wap_banner{margin-top:50px;}
	.head_wap{width:100%; height: 50px; z-index: 9999; background-color: #fff; position: fixed; top: 0; left: 0;}
    .head_wap .logo_wap{height: 26px; margin-top:12px;}
    /*汉堡菜单*/
	.three{margin-top:13px;}
    /* ALL */
	.hamburger .line{
	  width: 25px;
	  height: 3px;
	  background-color: #0480fb;
	  display: block;
	  margin: 4px auto;
	  -webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	/* SIX */
	#hamburger-6.is-active{
	  -webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	  -webkit-transition-delay: 0.6s;
	  -o-transition-delay: 0.6s;
	  transition-delay: 0.6s;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	#hamburger-6.is-active .line:nth-child(2){
	  width: 0px;
	}
	#hamburger-6.is-active .line:nth-child(1),
	#hamburger-6.is-active .line:nth-child(3){
	  -webkit-transition-delay: 0.3s;
	  -o-transition-delay: 0.3s;
	  transition-delay: 0.3s;
	}
	#hamburger-6.is-active .line:nth-child(1){
	  -webkit-transform: translateY(5px);
	  -ms-transform: translateY(5px);
	  -o-transform: translateY(5px);
	  transform: translateY(5px);
	}
	#hamburger-6.is-active .line:nth-child(3){
	  -webkit-transform: translateY(-9px) rotate(90deg);
	  -ms-transform: translateY(-9px) rotate(90deg);
	  -o-transform: translateY(-9px) rotate(90deg);
	  transform: translateY(-9px) rotate(90deg);
	}
	.tel{margin-top:10px; margin-right: 10px;}
	.tel a { display: block; height: 30px; float: left; background: #dcdcdc;
		border-radius: 30px 30px 30px 30px;}
	.tel a img {cursor: pointer; border-radius: 50%; width: 30px; height: 30px;}
	.tel a em { display: block; font-size: 14px; text-indent: 10px; float: left; line-height: 30px; color: #999; width: 0px; overflow: hidden; white-space: nowrap; -webkit-transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, transform 0.4s; transition: all 0.4s, transform 0.4s, -webkit-transform 0.4s;}
	.tel:hover a em { width: 150px; cursor: text; -webkit-transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, transform 0.4s; transition: all 0.4s, transform 0.4s, -webkit-transform 0.4s;}
	.head_wap .nav_wap{width: 100%; height: 100%; background-color: rgba(0,0,0,.9); position: fixed; top:50px; 
        left: 0; z-index: 999; display: none;}
    .head_wap .nav_wap .ul_wap{background-color: #0480fb;}
    .head_wap .nav_wap .ul_wap>li>p{height: 35px; line-height: 35px; border-bottom: 1px solid rgba(255,255,255,.4);
        padding: 0 20px; font-size: 16px; color: #fff;}
    .head_wap .nav_wap .ul_wap>li>p>a{color: #fff; display: inline-block; width: 100%; height: 100%;}
    .head_wap .nav_wap .ul_wap>li>p>img{float: right; margin-top:15px;}
    .head_wap .nav_wap .ul_wap>li:last-child p{border-bottom: none;}
    .head_wap .nav_wap .ul_wap>li .sNav{background-color: #fff; display: none;}
    .head_wap .nav_wap .ul_wap>li .sNav li{line-height: 35px;}
    .head_wap .nav_wap .ul_wap>li .sNav li a{display: block; padding: 0 20px; color: #333;}
    .head_wap .nav_wap .ul_wap>li .sNav li a img{padding-right: 10px;}
	
	footer{height: auto; padding: 10px 0;}
    footer .foot_top{display: none;}
    footer .copyright{line-height: 20px;}
}